import { lazy } from "react";
import {
  AppOutline,
  MessageOutline,
  MessageFill,
  UnorderedListOutline,
  UserOutline,
} from 'antd-mobile-icons'

const Layout=lazy(()=>import("../pages/Layout"))
const Home=lazy(()=>import("../pages/Home"))
const Text=lazy(()=>import("../pages/Text"))
const Prop=lazy(()=>import("../pages/Prop"))
const User=lazy(()=>import("../pages/User"))

export const handleHomes=[
    {
        path:"/",
        element:<Home></Home>,
        title:"首页",
        icon:<AppOutline/>
    },
    {
        path:"/prop",
        element:<Prop></Prop>,
        title:"分类",
        icon:<MessageOutline/>
    },
    {
        path:"/text",
        element:<Text></Text>,
        title:"消息",
        icon:<MessageFill/>
    },
    {
        path:"/user",
        element:<User></User>,
        title:"个人中心",
        icon:<UserOutline/>
    }
]
export const routes=[
    {
        path:"/",
        element:<Layout></Layout>,
        children:handleHomes
    }
]